{% extends 'common/base_page.html' %}

{%  block title%}笔 记{% endblock %}

{% block main_body %}
<article>
    <h1 class="t_nav"><span>逃避虽然可耻但有用。</span>
        <a class="n2">树  洞</a>
    </h1>
    <div class="blogs">
        <div class="mt20"></div>
        <li>
            <span class="blogpic"><a href="{% url 'music-2' %}"><img src="/webapp/static/img/note/when.jpg"></a></span>
            <h3 class="blogtitle"><a href="{% url 'music-2' %}">When We Were Young</a></h3>
            <div class="bloginfo">
                <p>当我们还年轻</p>
            </div>
            <div class="autor">
                <span class="readmore">
                    <span class="lm">Music</span>
                    <span class="dtime">2018-07-27</span>
                </span>
            </div>
        </li>
        <li>
            <span class="blogpic"><a href="{% url 'music-1' %}"><img src="/webapp/static/img/note/someone.jpg"></a></span>
            <h3 class="blogtitle"><a href="{% url 'music-1' %}">Someone Like You</a></h3>
            <div class="bloginfo">
                <p>爱人如你</p>
            </div>
            <div class="autor">
                <span class="readmore">
                    <span class="lm">Music</span>
                    <span class="dtime">2018-07-27</span>
                </span>
            </div>
        </li>
        <li>
            <span class="blogpic"><a href="{% url 'welcome' %}"><img src="/webapp/static/images/zd01.jpg"></a></span>
            <h3 class="blogtitle"><a href="{% url 'welcome' %}">Hello and Welcome!</a></h3>
            <div class="bloginfo">
                <p>个人博客，用来做什么？我刚开始就把它当做一个我吐槽心情的地方，也就相当于一个网络记事本，写上一些关于自己生活学习中的小事，也会放上一些照片，音乐。空闲的时候就能访问自己的网站，一边听着音乐，一边写写文章。</p>
            </div>
            <div class="autor">
                <span class="readmore">
                    <span class="lm">个人日记</span>
                    <span class="dtime">2018-07-27</span>
                </span>
            </div>
        </li>
    </div>
    {% include 'common/document_sidebar.html' %}
</article>
{% endblock %}